<template>
  <div class="homeBox">

    <div id="search-content" >
      <VideoSearch></VideoSearch>
    </div>
<div id="video-content">

 <router-view></router-view>
</div>
  </div>
</template>

<script>
    import VideoContent from "./VideoContent";
    import VideoSearch from "./VideoSearch";

    export default {
        name: "VideoLayout",
      components:{
          VideoContent:VideoContent,
        VideoSearch:VideoSearch
      }
    }
</script>

<style scoped>
  .homeBox{
    min-height: 100vh;
  }
  *, :after, :before {

  }

  #search-content {
    width: 100%;
    height: 70px;
    margin: auto;
    background:#eaedf1;
  }


  #video-content{
    width: 100%;
  }
</style>
